﻿[%^Main%]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/DinoRichCMS.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>VietSilver CMS</title>
<!-- InstanceEndEditable -->
<link href="~/../style/reset.css" rel="stylesheet" type="text/css" />
<link href="~/../style/960.css" rel="stylesheet" type="text/css" />
<link href="~/../style/global.css" rel="stylesheet" type="text/css" />
<link href="~/../style/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="~/../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/jquery.validate.pack.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/global.js"></script>
<!-- InstanceBeginEditable name="head" -->
<link href="~/../style/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="~/../js/jquery.popupWindow.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/tinymce/jquery.tinymce.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/tinymce/init.js"></script>
<script type="text/javascript" language="javascript">
	$(document).ready(function(){
		$("#accordion").accordion("activate", 1);
		InitTinyMCE();
		$('input[type=submit]').click(function(){
			$('#submitaction').val($(this).attr('name'));
		});

		var container = $('#error');
		
		$('#editForm').validate({
			errorContainer: container,
			errorLabelContainer: $('ol', container),
			wrapper: 'li',
			rules: {
				productName: { required: true, minlength:1, maxlength: 255},
				productExcerpt: { maxlength: 4000},
				productDate: { required: true, date: true },				
				productCode: { required: true, maxlength: 255 },
				productQuantity: { required: true, number: true },
				productCategory: { required: true }
			},
			messages:{
				productName: {
					required: '{{#ProductNameRequire}}',
					minlength: '{{#ProductNameMinLength}}',
					maxlength: '{{#ProductNameMaxLength}}'
				},
				productExcerpt: {
					maxlength: '{{#ProductExcerptValue}}'
				},
				productDate: {
					required: '{{#DateRequire}}',
					date: '{{#DateFormat}}'
				},
				productQuantity: {
					required: '{{#ProductQuantityRequire}}',
					number: '{{#ProductQuantityValue}}'
				},
				productCategory: {
					required: '{{#CategoryRequire}}'
				},
	            productCode: {
					required: '{{#ProductCodeRequire}}'
				}
			}
		});
		
		$('#productDate').datepicker();
		
		$('input[name=selectCategory]').click(function(){
			$('#productCategory').val($('input[name=selectCategory]').serialize());
		});
		
		SelectCategory();
		
		$('.selectImage').popupWindow({
				centerBrowser: 1,
				height: 530,
				width: 850,
				resizable: 1,
				windowName:'{{#SelectAFile}}'															
		});

    $('a.productImage').lightBox({ fixedNavigation: true });
	});
	
	function AddNew(){
		if (!$('#editForm').valid()) return;
		AjaxResult('product&action=addnew', $('#editForm').serialize(), '{{#AddNewOK}}', '{{#AddNewFail}}', false, function(data){ Redirect("product.aspx"); });	
	}
	
	function AddAndContinue(){
		if (!$('#editForm').valid()) return;
		AjaxResult('product&action=addnew', $('#editForm').serialize(), '{{#AddNewOK}}', '{{#AddNewFail}}', false);	
	}
	
	function Edit(){
		if (!$('#editForm').valid()) return;
		AjaxResult('product&action=edit&id={{productID}}', $('#editForm').serialize(), '{{#EditOK}}', '{{#EditFail}}', false, function(data){ Redirect("product.aspx"); });	
	}
	
	function EditAndContinue(){
		if (!$('#editForm').valid()) return;
		AjaxResult('product&action=edit&id={{productID}}', $('#editForm').serialize(), '{{#EditOK}}', '{{#EditFail}}', true);
	}
	
	function SelectCategory(){
		var categories = '{{selectedCategory}}'.split(',');
		
		for(i = 0; i < categories.length; i++){
			$('input[name=selectCategory][value=' + categories[i] + ']').attr('checked', 'checked');
		}
		
		$('#productCategory').val($('input[name=selectCategory]').serialize());
	}
	
</script>
<!-- InstanceEndEditable -->
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
</head>
<body class="twoColFixLtHdr">
<div id="user">
	<div id="center_user">
	{{#Hi}} <strong>{{fullName}}</strong> | <a href="javascript:void(0);" onclick="javascript:LogOut();">{{#Logout}}</a>  
	<span id="company">{{#Company}}</span>
	</div>
</div>
<div id="logo">
	<div id="center_logo">
		<img id="vietsilver" src="~/../images/viet_silver.png" alt="viet silver" />
		<strong>{{#Language}}: </strong>[%^LanguageFlag%][%^LanguageFlagItem%]<a href="javascript:void(0);" class="language" onclick="javascript:ChangeLanguage('{{langCode}}');" title="{{langName}}"><img src="~/../images/{{langCode}}.png" alt="{{langName}}" /></a>[%$LanguageFlagItem%][%$LanguageFlag%]
	</div>
</div>
<div id="container">
  <div id="header">
  	<!--<a href="/">Home</a> Danh sách tin-->
	<div id="search">
		<form id="searchForm" action="news.aspx" method="post">
			<p>			  
			  <input type="text" id="search_" name="search" value="{{searchValue}}" style="text-align:left;" />
			  <input type="submit" value="" />
			</p>
		</form>
	</div>
  </div>
  <div id="sidebar1">
    <div id="accordion">
      <h3><a href="#"><img src="~/../images/news.png" /><em>{{#News}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../news.aspx">{{#NewsList}}</a></li>
          <li><a href="~/../news.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../category.aspx?filter=news">{{#ListCategory}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/product.png" /><em>{{#Products}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../product.aspx">{{#ProductList}}</a></li>
          <li><a href="~/../product.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../category.aspx?filter=product">{{#ListCategory}}</a></li>
          <!--<li><a href="~/../order.aspx">{{#Orders}}</a></li>-->
        </ul>
      </div>
      <!--<h3><a href="#">{{#Categories}}</a></h3>
      <div>
        <ul>
          <li><a href="category.aspx">{{#ListCategory}}</a></li>
          <li><a href="category.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>-->
      <h3><a href="#"><img src="~/../images/user.png" /><em>{{#Admin}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../user.aspx">{{#UserList}}</a></li>
          <li><a href="~/../user.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/advertise.png" /><em>{{#Advertise}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../advertise.aspx">{{#AdvertiseList}}</a></li>
          <li><a href="~/../advertise.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../layout.aspx?type=advertise-position">{{#ConfigPosition}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/position.png" /><em>{{#Position}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../position.aspx">{{#PositionList}}</a></li>
          <li><a href="~/../position.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/setting.png" /><em>{{#Other}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../layout.aspx?type=category-position&categoryType=news-category">{{#Layout}}</a></li>
          <li><a href="~/../setting.aspx">{{#Settings}}</a></li><li><a href="~/../roomgallery.aspx?type=edit&id=0">{{#Map}}</a></li><li><a href="~/../roomgallery.aspx?type=add">{{#NewMap}}</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="mainContent">
  	<!-- InstanceBeginEditable name="Content" -->[%^Content%]
    <h3>&raquo; {{#Manage}} {{#ProductLC}}</h3>[%^EditForm%]
    <div id="error" class="editError">
			<p><strong>{{#Error}}:</strong></p>
		  <ol></ol>
		</div>
    <div id="errorAjax" class="result">
      <p><img src="~/../images/ok.png" /><span id="result-message"></span></p>
    </div>
    <div id="edit">
    	<form id="editForm" action="" method="post">
      	<div>
        	<input type="hidden" id="productCategory" name="productCategory" />
        	<label class="aligntop">{{#Categories}}:<em>*</em></label>
        	<div class="box">[%^Category%]
          	<ul class="categorylist">[%^CategoryItem%]
            	<li{{position}}><label><input type="checkbox" name="selectCategory" value="{{categoryID}}" />{{categoryName}}</label></li>[%$CategoryItem%]
            <ul>[%$Category%]
          </div>
        </div>
      	<p><label>{{#Title}}:<em>*</em></label><input type="text" id="productName" name="productName" value="{{productName}}" /></p>
        <p><label>{{#Code}}:<em>*</em></label><input type="text" id="productCode" name="productCode" value="{{productCode}}" /></p>
        <p><label>&nbsp;</label><label for="productAlcohol"><input type="checkbox" id="productAlcohol" name="productAlcohol" value="true" {{productAlcohol}} />{{#ProductAlcohol}}</label></p>
        <p><label>&nbsp;</label><label for="productBeer"><input type="checkbox" id="productBeer" name="productBeer" value="true" {{productBeer}} />{{#ProductBeer}}</label></p>
        <p><label class="aligntop">{{#Excerpt}}:</label><textarea id="productExcerpt" name="productExcerpt" rows="4">{{productExcerpt}}</textarea></p>
        <p><label>{{#Image}}:</label><input type="text" id="productImage" name="productImage" value="{{productImage}}" />&nbsp;<a class="button selectImage" href="~/../file.aspx?type=image&return=productImage">{{#Browse}}</a>&nbsp;<a href="~/..{{productImage}}" class="button productImage">{{#View}}</a></p>
        <p><label>{{#ImageDetail}} 1:</label><input type="text" id="productImageDetails" name="productImageDetails" value="{{productImageDetails}}" />&nbsp;<a class="button selectImage" href="~/../file.aspx?type=image&return=productImageDetails">{{#Browse}}</a>&nbsp;<a href="~/..{{productImageDetails}}" class="button productImage">{{#View}}</a></p>        
        <p><label>{{#Date}}:<em>*</em></label><input type="text" id="productDate" name="productDate" value="{{productDate}}" /></p>        
        <p><label>{{#Quantity}}:<em>*</em></label><input type="text" id="productQuantity" name="productQuantity" value="{{productQuantity}}" /></p>
        <p><label class="content">{{#Content}}:<em>*</em></label><textarea id="productContent" name="productContent" class="tinymce">{{productContent}}</textarea></p>
        <p class="action">
        	<input type="hidden" id="submitaction" />[%^AddNew%]
        	<input type="button" id="addnew" name="addnew" value="{{#AddNew}}" onclick="AddNew();" />
          <input type="button" id="addandcontinue" name="addandcontinue" value="{{#Add}} {{#AndContinue}}" onclick="AddAndContinue();" />[%$AddNew%][%^Edit%]
          <input type="button" id="save" name="save" value="{{#Save}}" onclick="Edit();" />
          <input type="button" id="saveandcontinue" name="saveandcontinue" value="{{#Save}} {{#AndContinue}}" onclick="EditAndContinue();" />[%$Edit%]
          <input type="button" id="goBack" name="goBack" onclick="javascript:history.go(-1);" value="{{#GoBack}}" />
				</p>
      </form>
    </div>[%$EditForm%][%^Error%]
    <div id="notFound" class="editError">{{#NotFound}}</div>
    <script>$('#notFound').show();</script>[%$Error%]
		[%$Content%]<!-- InstanceEndEditable -->
  </div>
  <br class="clearfloat" />
  <div id="footer" class="clearfix">
  	<p class="fleft">{{#CopyrightText}}</p>
  </div>
</div>
</body>
<!--{{errorCode}}-->
<!-- InstanceEnd --></html>
[%$Main%]